<template>
  <view class="info-container">
    <view class="info-list">

      <view class="bg-white solid-bottom" style="padding: 16rpx 30rpx; " @tap="handleMenu('head')">
        <view class="flex justify-between align-center">
          <view class="flex justify-center align-center">
            <text>头像</text>
          </view>
          <view class="action flex align-center">
			   <uv-image src="../../static/img/avatar.png" width="88rpx" class="margin-right-xs" height="88rpx"></uv-image>
 
            <text class="lg text-gray cuIcon-right"></text>
          </view>
        </view>
      </view>
      <view class="bg-white solid-bottom" style="padding:35rpx 30rpx; " @tap="handleMenu('idCard')">
        <view class="flex justify-between align-center">
          <view class="flex justify-center align-center">
            <text>实名认证</text>
          </view>
          <view class="action flex align-center">
           <view class="cu-tag bg-blue round margin-right-xs"> 去认证</view>
            <text class="lg text-gray cuIcon-right"></text>
          </view>
        </view>
      </view>
      <view class="bg-white solid-bottom" style="padding:40rpx 30rpx; " @tap="handleMenu(item.id)">
        <view class="flex justify-between align-center">
          <view class="flex justify-center align-center">
            <text>手机号码</text>
          </view>
          <view class="action flex align-center">
            <view class="margin-right"> 1888888888</view>
            <text class="lg text-gray cuIcon-right"></text>
          </view>
        </view>
      </view>
      <view class="bg-white solid-bottom" style="padding:40rpx 30rpx; " @tap="handleMenu(item.id)">
        <view class="flex justify-between align-center">
          <view class="flex justify-center align-center">
            <text>邮箱</text>
          </view>
          <view class="action flex align-center">
            <view class="margin-right"> 1888888888@qq.com</view>
            <text class="lg text-gray cuIcon-right"></text>
          </view>
        </view>
      </view>
      <view class="bg-white solid-bottom" style="padding:40rpx 30rpx; " @tap="handleMenu(item.id)">
        <view class="flex justify-between align-center">
          <view class="flex justify-center align-center">
            <text>我的收货地址</text>
          </view>
          <view class="action flex align-center">
            <text class="lg text-gray cuIcon-right"></text>
          </view>
        </view>
      </view>
      <view class="bg-white solid-bottom" style="padding:40rpx 30rpx; " @tap="handleMenu(item.id)">
        <view class="flex justify-between align-center">
          <view class="flex justify-center align-center">
            <text>邀请有礼</text>
          </view>
          <view class="action flex align-center">
            <text class="lg text-gray cuIcon-right"></text>
          </view>
        </view>
      </view>
    </view>
    <view class="padding-sm">
      <view class="cu-btn line-blue lg" style="width: 100%">退出账号</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {
    login() {
      uni.showToast({
        title: '跳转到登录页',
        icon: 'none'
      });
      // 实际应用中跳转到登录页
      // uni.navigateTo({
      //   url: '/pages/login/login'
      // })
    },
    handleMenu(url) {
      uni.navigateTo({
        url: '/pages/my/' + url
      })
      // 实际应用中根据id跳转到不同页面
    }
  }
}
</script>

<style>



</style>
